<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
  <!-- Set render engine for 360 browser -->
  <meta name="renderer" content="webkit" />
  <!-- No Baidu Siteapp-->
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon" />
  <link rel="icon" type="image/png" href="/img/app-icon72x72.png" />
  <!-- Add to homescreen for Chrome on Android -->
  <meta name="mobile-web-app-capable" content="yes" />
  <link rel="icon" sizes="192x192" href="/img/app-icon72x72@2x.png" />
  <!-- Add to homescreen for Safari on iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta name="apple-mobile-web-app-title" content="标题" />
  <link rel="apple-touch-icon-precomposed" href="/img/app-icon72x72@2x.png" />
  <!-- Tile icon for Win8 (144x144 + tile color) -->
  <meta name="msapplication-TileImage" content="/img/app-icon72x72@2x.png" />
  <meta name="msapplication-TileColor" content="#0e90d2" />
  <meta name="viewport" content="width=1200, user-scalable=yes">
  <title>场馆预约-详情</title>
  <meta name="description" content="" />
  <meta name="keywords" content="" />
  <!-- /meta -->
  <script src="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/static/js/xianwenhauyun/pace.min.js"></script>
  <link href="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/static/js/xianwenhauyun/pace-theme-minimal.min.css" rel="stylesheet">
  <!--[if lte IE 9]>
  <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
  <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
  <!--[if gt IE 9]><!-->
  <script src="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/static/js/xianwenhauyun/jquery.3.3.1min.js"></script>
  <!--<![endif]-->
  <!-- /script -->
  <link rel="stylesheet" href="/css/main.min.css">

  <!-- /style -->
</head>

<body>
  <div class="page venue-detail">


    <section class="common_header_item">

      <header class="page__header">
        <div class="section__wrapper" style="width: 1220px;">
          <div class="column-inner clearfix">
            <div class="header-search">
              <!-- logo -->
              <h1 class="header-logo"><a href="/"><img src="img/poster/logo.png" height="36" title="国家公共文化云" alt="国家公共文化云" /></a></h1>
              <!-- info user -->
              <div class="topbar-sign">
                <!-- <a class="iconfont user" href="/user-center-order.html">&#xe65f; </a>
                    <i class="separator">|</i>
                    <a href="#">1599999999</a>
                    <a href="#">退出</a> -->
                <a href="/signin.html">登录</a>
                <i class="separator">|</i>
                <a href="/signup.html">注册</a>
              </div>
              <!-- search -->
              <form class="form-header-search search-hover-active">
                <input type="text" placeholder="请输入关键字搜索" name="" id="">
                <a href="search-result.html">
                  <div class="search-button"><i class="iconfont icon-search" title="搜索">&#xe603;</i>
                  </div>
                </a>
              </form>

            </div>
          </div>
        </div>
      </header>

      <article class="section page__main_nav">
        <div class="section__wrapper" style="width: 1220px;">
          <div class="column-inner clearfix">
            <nav class="page__nav bar__inner j_follow_bar_nav">
              <li class="nav__item" data-nav="index"><span class="nav__title"><a href="index.html">首页</a></span>
              </li>
              <li class="nav__item" data-nav="news"><span class="nav__title"><a href="news.html">文化资讯</a></span>
              </li>
              <li class="nav__item" data-nav="live"><span class="nav__title"><a href="live.html">互动直播</a></span>
              </li>
              <li class="nav__item" data-nav="ancient"><span class="nav__title"><a href="ancient-culture.html ">古都文化</a></span>
              </li>
              <li class="nav__item" data-nav="activity"><span class="nav__title"><a href="activity.html">活动预约</a></span>
              </li>
              <li class="nav__item" data-nav="venue"><span class="nav__title"><a href="venue.html">场馆预定</a></span>
              </li>
              <li class="nav__item" data-nav="network"><span class="nav__title"><a href="network-train.html">网络培训</a></span>
              </li>
              <li class="nav__item" data-nav="travel"><span class="nav__title"><a href="culture-travel.html">文化旅游</a></span>
              </li>
              <li class="nav__item" data-nav="heritage"><span class="nav__title"><a href="culture-heritage.html ">文化非遗</a></span>
              </li>
              <!-- <li class="nav__item" data-nav="volunteer"><span class="nav__title"><a href="volunteer-event-archive.html">志愿服务</a></span></li> -->
              <!-- <li class="nav__item" data-nav="app"><span class="nav__title"><a href="#">社团管理</a></span></li> -->
              <li class="nav__item" data-nav="county"><span class="nav__title"><a href="county-view.html">区县风采</a></span>
              </li>
              <span class="follow__bar"></span>
            </nav>
          </div>
        </div>
      </article>
    </section>
    <!-- /header -->
    <main class="page__container">
      <section class="section section__breadcrumb">
        <div class="section__wrapper">
          <div class="pure-u-1">
            <div class="column-inner">
              <div class="nav__breadcrumb">
                <a class="item" href="index.html">首页</a>
                <span class="separator">&gt;</span>
                <a class="item" href="venue.html">场馆预定</a>
                <span class="separator">&gt;</span>
                <a class="item active" href="javascript:void(0)">详情</a> 
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="section">
        <div class="section__wrapper">
          <div class="module clearfix">
            <div class="pure-u-2-3">
              <div class="column-inner">
                <div class="detail-title">
                  <h3>广西壮族自治区文化和旅游厅文化馆</h3>
                  <div class="live_iconfont">
                    <span>发布时间:2018-05-24 16:00</span>
                    <div class="live_info">
                      <span><i class="iconfont">&#xe62e;</i>222</span>
                      <span class="j_like"><i class="iconfont">&#xe7e1;</i> <i class="number">1615</i> </span>
                      <span class="j_collect"><i class="iconfont">&#xe870;</i>收藏</span>
                      <span><i class="iconfont">&#xe651;</i>分享</span>
                    </div>
                  </div>
                </div>
                <div class="detail-img">
                  <img src="http://via.placeholder.com/800x450" class="img-responsive" alt="" />
                </div>
              </div>
            </div>
            <div class="pure-u-1-3">
              <div class="column-inner">

                <div class="detail-info active_right">
                  <div class="detail-active-title">
                    场馆介绍
                  </div>
                  <p class="detail-line"><i class="iconfont pos-ico">&#xe7a0;</i>所属场馆：广西壮族自治区群众艺术馆<a href="#" class="link">（<i class="iconfont">&#xe605;</i>查看地图）</a>
                  </p>
                  <p class="detail-line"><i class="iconfont pos-ico">&#xe8a9;</i>开放时间：周一至周日9:00-21:00</p>
                  <p class="detail-line"><i class="iconfont pos-ico">&#xe61d;</i>联系电话：010-1234567</p>
                  <p class="detail-line"><i class="iconfont pos-ico">&#xe779;</i>场所面积：5层<font class="link">（7600平方米）</font>
                  </p>
                  <p class="detail-line"><i class="iconfont pos-ico">&#xe667;</i>场所容量：最大人数<font class="link">（500人）</font>
                  </p>
                </div>
              </div>
            </div>
          </div>
          <div class="column-list js_column_on">
            <span class="column_item active">场所预订</span><span class="column_item">场所简介</span><span class="column_item">评论区(44)</span>
          </div>
        </div>

        <div class="venue-content">
          <div class="section__wrapper">
            <div class="column-inner">
              <form id="addForm" class="forms-style">
                <div class="module input-wrapper">
                  <span class="input-lable top40">预订时间：</span>
                  <div class="form-book-swiper">
                    <div class="swiper-container js_book_swiper">
                      <div class="swiper-wrapper">
                        <div class="swiper-slide">
                          <div class="book-time">
                            2019年7月1日
                          </div>
                          <div class="book-day active">
                            <span class="chunk">上午<br/>9:00~11:30<br/><font class="bookBtn">可预订</font></span>
                          </div>
                          <div class="book-day">
                            <span class="chunk">上午<br/>9:00~11:30<br/><font class="bookBtn grey">预定已满</font></span>
                          </div>
                          <div class="book-day">
                            <span class="chunk">上午<br/>9:00~11:30<br/><font class="bookBtn">可预订</font></span>
                          </div>
                        </div>
                        <div class="swiper-slide">
                          <div class="book-time">
                            2019年7月1日
                          </div>
                          <div class="book-day">
                            <span class="chunk">上午<br/>9:00~11:30<br/><font class="bookBtn">可预订</font></span>
                          </div>
                          <div class="book-day">
                            <span class="chunk">上午<br/>9:00~11:30<br/><font class="bookBtn full">预定已满</font></span>
                          </div>
                          <div class="book-day">
                            <span class="chunk">上午<br/>9:00~11:30<br/><font class="bookBtn">可预订</font></span>
                          </div>
                        </div>
                        <div class="swiper-slide">
                          <div class="book-time">
                            2019年7月1日
                          </div>
                          <div class="book-day">
                            <span class="chunk">上午<br/>9:00~11:30<br/><font class="bookBtn">可预订</font></span>
                          </div>
                          <div class="book-day">
                            <span class="chunk">上午<br/>9:00~11:30<br/><font class="bookBtn grey">预定已满</font></span>
                          </div>
                          <div class="book-day">
                            <span class="chunk">上午<br/>9:00~11:30<br/><font class="bookBtn">可预订</font></span>
                          </div>
                        </div>
                        <div class="swiper-slide">
                          <div class="book-time">
                            2019年7月1日
                          </div>
                          <div class="book-day">
                            <span class="chunk">上午<br/>9:00~11:30<br/><font class="bookBtn">可预订</font></span>
                          </div>
                          <div class="book-day">
                            <span class="chunk">上午<br/>9:00~11:30<br/><font class="bookBtn grey">预定已满</font></span>
                          </div>
                          <div class="book-day">
                            <span class="chunk">上午<br/>9:00~11:30<br/><font class="bookBtn">可预订</font></span>
                          </div>
                        </div>
                        <div class="swiper-slide">
                          <div class="book-time">
                            2019年7月1日
                          </div>
                          <div class="book-day">
                            <span class="chunk">上午<br/>9:00~11:30<br/><font class="bookBtn">可预订</font></span>
                          </div>
                          <div class="book-day">
                            <span class="chunk">上午<br/>9:00~11:30<br/><font class="bookBtn grey">预定已满</font></span>
                          </div>
                          <div class="book-day">
                            <span class="chunk">上午<br/>9:00~11:30<br/><font class="bookBtn">可预订</font></span>
                          </div>
                        </div>
                        <div class="swiper-slide">
                          <div class="book-time">
                            2019年7月1日
                          </div>
                          <div class="book-day">
                            <span class="chunk">上午<br/>9:00~11:30<br/><font class="bookBtn">可预订</font></span>
                          </div>
                          <div class="book-day">
                            <span class="chunk">上午<br/>9:00~11:30<br/><font class="bookBtn grey">预定已满</font></span>
                          </div>
                          <div class="book-day">
                            <span class="chunk">上午<br/>9:00~11:30<br/><font class="bookBtn">可预订</font></span>
                          </div>
                        </div>
                        <div class="swiper-slide">
                          <div class="book-time">
                            2019年7月1日
                          </div>
                          <div class="book-day">
                            <span class="chunk">上午<br/>9:00~11:30<br/><font class="bookBtn">可预订</font></span>
                          </div>
                          <div class="book-day">
                            <span class="chunk">上午<br/>9:00~11:30<br/><font class="bookBtn grey">预定已满</font></span>
                          </div>
                          <div class="book-day">
                            <span class="chunk">上午<br/>9:00~11:30<br/><font class="bookBtn">可预订</font></span>
                          </div>
                        </div>
                        <div class="swiper-slide">
                          <div class="book-time">
                            2019年7月3日
                          </div>
                          <div class="book-day">
                            <span class="chunk">上午<br/>9:00~11:30<br/><font class="bookBtn">可预订</font></span>
                          </div>
                          <div class="book-day">
                            <span class="chunk">上午<br/>9:00~11:30<br/><font class="bookBtn grey">预定已满</font></span>
                          </div>
                          <div class="book-day">
                            <span class="chunk">上午<br/>9:00~11:30<br/><font class="bookBtn">可预订</font></span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <span class="arrowLeft"><i class="iconfont">&#xe8aa;</i></span>
                    <span class="arrowRight"><i class="iconfont">&#xe66e;</i></span>
                  </div>
                </div>
                <div class="module input-wrapper">
                  <span class="input-lable">预订人：</span>
                  <input type="text" class="ui-text formDatas" data-tip="请输入预订人姓名" placeholder="请输入" />
                </div>
                <div class="module input-wrapper">
                  <span class="input-lable">身份证号：</span>
                  <input type="text" class="ui-text formDatas iDnumber" data-tip="请输入身份证号码" placeholder="请输入" />
                </div>
                <div class="module input-wrapper">
                  <span class="input-lable">预订说明：</span>
                  <textarea class="ui-area formDatas" placeholder="请输入" data-tip="请输入预订说明"></textarea>
                </div>
                <div class="module input-wrapper">
                  <span class="input-lable">手机号码：</span>
                  <input type="tel" class="ui-text formDatas tel" data-tip="请输入手机号码" placeholder="请输入" />
                </div>
                <div class="module input-wrapper">
                  <span class="input-lable">图形验证：</span>
                  <input type="text" class="ui-text w27 formDatas" data-tip="请输入图形验证" placeholder="请输入" /><span class="v_picture"><img width="100%" height="100%" src="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/qlimg/aisibg.jpg" alt=""></span>
                </div>
                <div class="module input-wrapper">
                  <span class="input-lable">短信验证：</span>
                  <input type="text" class="ui-text w27 formDatas" data-tip="请短信验证" placeholder="请输入" /><span class="v_code j_code">发送验证码</span>
                </div>
                <div class="module forms-btn">
                  <div class="confirmSubmit">确认提交</div>
                </div>
              </form>
            </div>
          </div>
        </div>
        <!-- /venue-content -->
        <div class="venue-content" style="display: none;">
          <div class="section__wrapper">
            <div class="column-inner">
              <div class="deseditor clearfix">
                <p>根据自治区党委、自治区人民政府的工作部署，今年3月，联席会议成员单位联合印发了《2019年“壮族三月三·八桂嘉年华”文化旅游消费品牌活动工作方案》，定于3月25日至4月25日，在全区各地集中开展“壮族三月三·八桂嘉年华”活动。4月4日上午，2019年“壮族三月三·八桂嘉年华”主会场活动将在广西民族博物馆隆重举行。</p>
                <br/>
                <p style="text-align: center;">
                  <img src="http://via.placeholder.com/800x450" class="img-responsive" alt="" />
                </p>
                <br/>
                <p>根据自治区党委、自治区人民政府的工作部署，今年3月，联席会议成员单位联合印发了《2019年“壮族三月三·八桂嘉年华”文化旅游消费品牌活动工作方案》，定于3月25日至4月25日，在全区各地集中开展“壮族三月三·八桂嘉年华”活动。4月4日上午，2019年“壮族三月三·八桂嘉年华”主会场活动将在广西民族博物馆隆重举行。</p>
              </div>
            </div>
          </div>
        </div>
        <!-- /venue-content -->
        <div class="venue-content" style="display: none;">
          <div class="section__wrapper">
            <div class="column-inner">
              <div class="message-ask">
                <div class="module message-text">
                  <textarea class="ui-area" placeholder="我要提问"></textarea>
                </div>
                <div class="message-text tr">
                  <span class="sendBtn">发送</span>
                </div>
              </div>
              <div class="message-list_wrapper">
                <div class="message-box">
                  <div class="ask-list">
                    <img src="http://via.placeholder.com/68x68" class="avatar" alt="" width="56" height="56" />用户名<span class="minute">23分钟前</span>
                  </div>
                  <div class="message-content">
                    节目很精彩，小朋友很喜欢，希望以后多多主办类似小朋友很喜欢，希望以后多多主办类似的活小朋友很喜欢，希望以后多多主办类似的活的活动 嘻嘻~~</div>
                </div>
                <div class="message-box">
                  <div class="ask-list">
                    <img src="http://via.placeholder.com/68x68" class="avatar" alt="" width="56" height="56" />用户名<span class="minute">23分钟前</span>
                  </div>
                  <div class="message-content">
                    节目很精彩，小朋友很喜欢，希望以后多多主办类似小朋友很喜欢，希望以后多多主办类似的活小朋友很喜欢，希望以后多多主办类似的活的活动 嘻嘻~~</div>
                </div>
                <div class="message-box">
                  <div class="ask-list">
                    <img src="http://via.placeholder.com/68x68" class="avatar" alt="" width="56" height="56" />用户名<span class="minute">23分钟前</span>
                  </div>
                  <div class="message-content">
                    节目很精彩，小朋友很喜欢，希望以后多多主办类似小朋友很喜欢，希望以后多多主办类似的活小朋友很喜欢，希望以后多多主办类似的活的活动 嘻嘻节目很精彩，小朋友很喜欢，希望以后多多主办类似小朋友很喜欢，希望以后多多主办类似的活小朋友很喜欢，希望以后多多主办类似的活的活动 嘻嘻~~</div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- /venue-content -->
      </section>
    </main>
    <footer class="page__footer">
      <section class="section">
        <div class="section__wrapper">
          <div class="module footer-qr">
            <div class="item">
              <img src="img/code-img.png" alt="" width="97" height="97" />
              <h6 class="title">APP下载</h6>
            </div>
            <div class="item">
              <img src="img/code-img.png" alt="" width="97" height="97" />
              <h6 class="title">微信公众号</h6>
            </div>
          </div>
          <div class="module footer-service">
            <p class="xian_title">西安市群众艺术馆数字文化网</p>
            <div class="footer-copyright">
              <p class="footer__links">
                <a href="#" target="_blank">关于我们</a>|
                <a href="#" target="_blank">网站邮箱</a>|
                <a href="#" target="_blank">网站地图</a>|
                <a href="#" target="_blank">友情链接</a>|
                <a href="#" target="_blank">本网声明</a>
              </p>
            </div>
            <div class="footer-copyright">
              版权所有 文化和旅游部全国公共文化发展中心 Copyright © 2019 CCRN. All rights Reserved. 京ICP备17047743号-1
            </div>
          </div>
        </div>
      </section>
    </footer>
  </div>
  <!-- /page -->

  <script src="https://culturetv.hanyastar.com.cn/national_culture_file/pcjs/underscore-min-1.8.3/underscore-min.js"></script>
  <script src="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/static/js/xianwenhauyun/bowser.min.js"></script>
  <script src="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/static/js/xianwenhauyun/swiper3.4.2.jquery.min.js"></script>
  <link href="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/static/js/xianwenhauyun/swiper3.4.2.min.css" rel="stylesheet">
  <script src="https://culturetv.hanyastar.com.cn/national_culture_file/pcjs/layer-3.0.3/layer.min.js"></script>



  <!-- 前端交互脚本 -->
  <script src="js/common/xtab.js"></script>
  <script src="js/common/xbar.js"></script>
  <script src="js/common/util.js"></script>

  <script src="js/app.js"></script>
  <script src="/js/common.min.js"></script>

  <!-- /script -->

  <!-- 反馈 -->
  <script type="text/html" id="success-feedback">
    <div class="win-activity-container">
      <div class="win-wrapper">
        <div class="success-title">
          <img src="../img/poster/success-icon.png" width="81" height="81" alt="" />
          <p>预定成功</p>
        </div>
        <div class="success-space-bg"></div>
        <div class="success-space">
          <div class="success-information">
            <h1>古典吉他视频教育《古典吉他视频教学教程》</h1>
            <div class="information-fl">
              <p><em>时&nbsp;&nbsp;&nbsp;&nbsp;间：</em>2018-08-04   9:00至11:30</p>
              <p><em>地&nbsp;&nbsp;&nbsp;&nbsp;点：</em>首都博物馆地下一层M厅</p>
              <p><em>预订人：</em>海棠</p>
              <p><em>订票数：</em>2张</p>
              <p><em>手&nbsp;&nbsp;&nbsp;&nbsp;机：</em>18175511064</p>
              <div class="code-fr">
                <div class="code-img">
                  <img src="../img/code-img.png" width="114" height="114" alt="" />
                </div>
                <p>二维码</p>
              </div>
            </div>
          </div>
          <div class="btn-box">
            <div class="information-btn btn-return"><a href="#">返回</a></div>
            <div class="information-btn btn-go"><a href="#">前往个人中心</a></div>
          </div>
        </div>
      </div>
    </div>
    <div class="win-activity-bottom"></div>
  </script>

  <!-- 失败 -->
  <script type="text/html" id="losing-feedback">
    <div class="win-activity-container">
      <div class="win-wrapper">
        <div class="losing_item">
          <div class="losing_bg">
            <div class="title">预定失败</div>
            <img src="../img/poster/losing_face.png" alt="">
          </div>
          <div class="losing_buts">返回</div>
        </div>
      </div>
    </div>
  </script>



</body>
<script>
  $(document).ready(function(){
    var book = new Swiper('.js_book_swiper',{
      slidesPerView: 7,
      nextButton: '.arrowRight',
      prevButton: '.arrowLeft',
    })
  
   
  
    $(".js_column_on").on('click','.column_item',function(){
      var indexV = $(this).index();
      $(this).addClass("active").siblings().removeClass("active");
      var listObj = $(".venue-content").eq(indexV);
      listObj.show();
      listObj.siblings(".venue-content").hide();
    });
  
    $(".js_book_swiper").on("click",".bookBtn",function(){ 
      if($(this).hasClass("grey")||$(this).hasClass("full")) return;
      $(".book-day").removeClass("active")
      $(this).parents(".book-day").addClass("active")
    })
  
  
  
    // 表单验证
    $(".confirmSubmit").on("click",function(){
     
      var  datas = $(".formDatas");
      datas.removeClass("formdatas-false");
      for(let i=0;i<datas.length;i++){
        let dataItem = datas.eq(i).val().trim();
  
        // 身份证正则
        if(dataItem&&datas.eq(i).hasClass("iDnumber")&&!(/(^\d{15}$)|(^\d{17}(x|X|\d)$)/.test(dataItem))){
          datas.eq(i).addClass("formdatas-false");
          layer.msg("身份证号有误请重新输入")
          return false;
        }
        // 手机号码正则
        if (dataItem&&datas.eq(i).hasClass("tel")&&!(/^1[3456789]\d{9}$/.test(dataItem))) {
          datas.eq(i).addClass("formdatas-false");
          layer.msg("手机号码有误！请输入正确的手机号码")
          return false;
        }
  
        if(!dataItem){
          var msg = datas.eq(i).data("tip");
          datas.eq(i).addClass("formdatas-false");
          layer.msg(msg)
          return false;
        }
  
        
       
      }
  
       //反馈
       layer.open({
          type: 1,
          title: false,
          area: ['1150px', 'auto'], //宽高
          shade: 0.6,
          shadeClose: false,
          scrollbar: false,
          skin: 'win-activity',
          content: $('#success-feedback').html(),
          success: function(){
            
          }
      });
     
    })
  
    // 发送验证码
    $(".j_code").on("click",function(){
    
      $(".tel").removeClass("formdatas-false");
      if(!(/^1[3456789]\d{9}$/.test($(".tel").val().trim()))) {
        layer.msg("请输入正确的手机号码")
        $(".tel").addClass("formdatas-false");
        return false;
      }
     
      var _this = $(this);
      if(_this.hasClass("phone-code-disabled")) return false; //防止重复点击
        _this.addClass("phone-code-disabled");
        // 短信倒计时
        var time = 60;
        var countDown =  setInterval(() => {
          time--;
          if(time == 0){
            _this.html("发送手机验证码")
            clearInterval(countDown);
            _this.removeClass("phone-code-disabled")
            return false;
          }
          _this.html("重新发送"+time+"S")
        }, 1000);
    })
  
    
  
   
  });
</script>

</html>